<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>箭头函数（重点）</title>
</head>

<body>
  <script>
    // ============================== 箭头函数 ==============================
    // 1. 基本语法 (参数列表) => { 函数体 }

    () => { }

    // 2. 细节使用
    // 2.1 有且仅有一个形参，则可以省略小括号,其余个数不能省略，如果没有参数则写空的小括号

    // function fn2(x) {
    //   console.log('x的结果是 ', x)
    // }
    // const fn2=x=>console.log('x的结果是 ', x)


    // 2.2 如果函数体只有一句代码，则可以省略大括号，这句代码就是返回值（省略return）

    // function getSum(x, y) {
    //   return x + y
    // }
    // const getSum=(x, y)=>x + y

    // 2.3 如果返回的是一个对象，则需要用小括号把对象包裹起来
    // const fn = function() {
    //   return {name: '佩奇'}
    // }
    // const fn = ()=>({name: '佩奇'})

    // 2.4 箭头函数里面没有 arguments，可使用剩余参数来替代解决
    // const fn = () => {
    //   console.log(arguments)
    // }
    // fn(1, 2)
    const fn =(...a) => {
      console.log(a)
    }
    fn(1, 2,5,7,3,6,2,6) 
  </script>
</body>

</html>